<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Formatting a Date Selection widget</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
p.whs1 { font-size:9pt; }
ul.whs2 { list-style:disc; }
table.whs3 { x-cell-content-align:top; width:100%; border-spacing:0px; }
col.whs4 { width:50%; }
tr.whs5 { x-cell-content-align:top; }
td.whs6 { width:50%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
p.whs7 { font-size:9pt; font-weight:bold; }
td.whs8 { width:50%; border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs9 { width:50%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs10 { width:50%; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
ol.whs11 { list-style:decimal; }
p.whs12 { font-size:9pt; margin-top:4.5pt; }
ul.whs13 { list-style:square; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nFormatting widgets\nFormatting a Date Selection widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Formatting a Date Selection widget</h1>
<p class="whs1">For an image of a Date Selection widget and 
 steps to add one to a document, see 
<a href="Defining_a_Calendar_Selector_widget.htm" 
 style="font-size: 9pt;">Defining a Date Selection widget</a>.</p>
<p class="whs1">The table below lists the different aspects 
 of the Date Selection widget that you can format, and lists the steps 
 to format them in MicroStrategy Web. These options are applied only to 
 Flash Mode. In other modes/views, how the widget displays is determined 
 by how it was created: </p>
<ul type="disc" class="whs2">
	
<li class=p><p class="whs1"><span style="font-size: 9pt;"><font size=1 style="font-size:9pt;">Date 
 Selection widget created as a widget: It can be hidden or displayed as 
 either a Grid/Graph or a placeholder. It is displayed using Flash in DHTML 
 interactive documents.</font></span></p></li>
	
<li class=p><p class="whs1">Date Selection widget created 
 as a selector: It is displayed using the DHTML style and formatting.</p></li>
</ul>
<p class="whs1">&nbsp;</p>
<table x-use-null-cells cellspacing="0" width="100%" class="whs3">
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table><table x-use-null-cells cellspacing='0' width='100%' border='1' bordercolor='black' bordercolorlight='black' bordercolordark='black'>");
//--></script>
<col class="whs4">
<col class="whs4">


<tr valign="top" class="whs5">
<td width="50%" class="whs6">
<p class="whs7">What to Format in the Widget</td>
<td width="50%" class="whs8">
<p class="whs7">How to Format it</td></tr>

<tr valign="top" class="whs5">
<td width="50%" class="whs9">
<p class="whs1">Background color of the calendar</td>
<td width="50%" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs1">In<span 
 style="font-weight: bold;"><B> Flash Mode</B></span>, right-click the widget 
 heading, and then click <span style="font-weight: bold;"><B>Properties</B></span>. 
 </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs1">Select 
 a background color from the dialog box. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs5">
<td width="50%" class="whs9">
<p>To set the border color of the calendar</td>
<td width="50%" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs1">In<span 
 style="font-weight: bold;"><B> Flash Mode</B></span>, right-click the widget 
 heading, and then click <span style="font-weight: bold;"><B>Properties</B></span>. 
 </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs1">Select 
 a border color from the dialog box. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs5">
<td width="50%" class="whs9">
<p>To set the color displayed, when a user rolls over a date on the calendar</td>
<td width="50%" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs1">In<span 
 style="font-weight: bold;"><B> Flash Mode</B></span>, right-click the widget 
 heading, and then click <span style="font-weight: bold;"><B>Properties</B></span>.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs1">Select 
 a rollover color from the dialog box. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs5">
<td width="50%" class="whs9">
<p>To set the color displayed, when a user chooses a date on the calendar</td>
<td width="50%" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs1">In<span 
 style="font-weight: bold;"><B> Flash Mode</B></span>, right-click the widget 
 heading, and then click <span style="font-weight: bold;"><B>Properties</B></span>. 
 </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs1">Select 
 a selected color from the dialog box. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs5">
<td colspan="1" rowspan="1" width="50%" class="whs9">
<p>To set the day to be &nbsp;displayed as the first day 
 of the week on the calendar </td>
<td colspan="1" rowspan="1" width="50%" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs1">In<span 
 style="font-weight: bold;"><B> Flash Mode</B></span>, right-click the widget 
 heading, and then click <span style="font-weight: bold;"><B>Properties</B></span>. 
 </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs1">Select 
 a first day of the week from the dialog box.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs5">
<td width="50%" class="whs9">
<p>To highlight current date on the calendar</td>
<td width="50%" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs1">In<span 
 style="font-weight: bold;"><B> Flash Mode</B></span>, right-click the widget 
 heading, and then click <span style="font-weight: bold;"><B>Properties</B></span>. 
 </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs1">Select 
 whether to highlight today from the dialog box.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs5">
<td width="50%" class="whs9">
<p class="whs1">To set the font properties, namely color, size, 
 and style of different areas on the calendar </td>
<td width="50%" class="whs10">
<ol type="1" class="whs11">
	
<li style=" font-size: 9pt; " class=p><p class="whs1">In<span 
 style="font-weight: bold;"><B> Flash Mode</B></span>, right-click the widget 
 heading, and then click <span style="font-weight: bold;"><B>Properties</B></span>. 
 </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs1">Select 
 a font type, font size, and a font color from the dialog box. Select whether 
 to italicise and/or bold the calendar heading from the dialog box. </p></li>
	<ul>
<li style="list-style: disc;" type=disc class=p><p class="whs1">You 
 can format the following areas of the calendar differently:</p></li>
		<ul type="square" class="whs13">
			
<li class=p><p class="whs1">Month+Year (the calendar 
 header)</p></li>
			
<li class=p><p class="whs1">Day (the names of the 
 days)</p></li>
			
<li class=p><p class="whs1">Day number (the date)</p></li>
		</ul>
	</ul>
	
<li style=" font-size: 9pt; " class=p><p class="whs12">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table></table><table>");
//--></script>
</table>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
